<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Setid')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-setid" data-rule="required" data-source="byd_set/index" data-field="name" class="form-control selectpage" name="row[setid]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Leftid')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-leftid" data-rule="required" data-source="byd_setleft/index" data-field="name" class="form-control selectpage" name="row[leftid]" type="text">
        </div>
    </div>
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <div class="input-group">-->
<!--                <input id="c-image" class="form-control" size="50" name="row[image]" type="text" value="">-->
<!--                <div class="input-group-addon no-border no-padding">-->
<!--                    <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>-->
<!--                    <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>-->
<!--                </div>-->
<!--                <span class="msg-box n-right" for="c-image"></span>-->
<!--            </div>-->
<!--            <ul class="row list-inline faupload-preview" id="p-image"></ul>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Shopid')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <input id="c-shopid" data-source="byd_shop/index" data-field="name" class="form-control selectpage" name="row[shopid]" type="text">-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Url')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <input id="c-url" class="form-control" name="row[url]" type="text">-->
<!--        </div>-->
<!--    </div>-->

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('图片')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-related_goods"  class="form-control" size="50" name="row[imageid]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" onclick="abcdefg()" id="aaa" class="btn btn-primary" data-input-id="c-goods_id" ><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<script>
    function abcdefg(){

        var values = $.trim($('#c-related_goods').val());
        Fast.api.open('byd_pricture/select',__('選擇商品'),{
            callback:function(value){
                //在回调函数里可以调用你的业务代码实现前端的各种逻辑和效果
                console.log(value);
                /*if(value.multiple==true){
                    $('#c-related_goods').val(value.url);
                }else{
                    $('#c-related_goods').val(value.id+'-'+value.goodsname);
                }*/
                $('#c-related_goods').val(value.url);

                var urlArr = [];


                if(values!==''){
                    urlArr.push(values);
                }

                urlArr.push(value.url);

                var result = urlArr.join(",");
                console.log(urlArr);
                $('#c-related_goods').val(result).trigger("change").trigger("validate");;

            },
        });
    }
    // abcd(){
    //     var values = $.trim($('#c-related_goods').val());
    //     Fast.api.open('byd_setxq/select',__('選擇商品'),{
    //         callback:function(value){
    //             //在回调函数里可以调用你的业务代码实现前端的各种逻辑和效果
    //             console.log(value);
    //             /*if(value.multiple==true){
    //                 $('#c-related_goods').val(value.url);
    //             }else{
    //                 $('#c-related_goods').val(value.id+'-'+value.goodsname);
    //             }*/
    //             $('#c-related_goods').val(value.url);
    //
    //             var urlArr = [];
    //
    //
    //             if(values!==''){
    //                 urlArr.push(values);
    //             }
    //
    //             urlArr.push(value.url);
    //
    //             var result = urlArr.join(",");
    //             console.log(urlArr);
    //             $('#c-related_goods').val(result).trigger("change").trigger("validate");;
    //
    //         },
    //     });
    // },
    // $('#aaa').click(()=>{
    //     console.log(111)
        // var values = $.trim($('#c-related_goods').val());
        // Fast.api.open('byd_setxq/select',__('選擇商品'),{
        //     callback:function(value){
        //         //在回调函数里可以调用你的业务代码实现前端的各种逻辑和效果
        //         console.log(value);
        //         /*if(value.multiple==true){
        //             $('#c-related_goods').val(value.url);
        //         }else{
        //             $('#c-related_goods').val(value.id+'-'+value.goodsname);
        //         }*/
        //         $('#c-related_goods').val(value.url);
        //
        //         var urlArr = [];
        //
        //
        //         if(values!==''){
        //             urlArr.push(values);
        //         }
        //
        //         urlArr.push(value.url);
        //
        //         var result = urlArr.join(",");
        //         console.log(urlArr);
        //         $('#c-related_goods').val(result).trigger("change").trigger("validate");;
        //
        //     },
        // });
    // });
</script>